﻿@{
    ViewBag.Title = "viewCategory";
}

<div class="center">
    <div id="Breadcrumb" class="Breadcrumb">
        <ul>
            <li class="first">
                <a href='javascript:;' onclick="javascript:loadAction('Index2','Main')">Trang chủ
                </a>
            </li>
            <li>
                <a href='javascript:;' onclick="javascript:loadAction('show2','Main')">Sản phẩm</a>
            </li>
            <li>
                <a href='javascript:;' onclick="javascript:loadShow(@ViewBag.category.ID,'')">@ViewBag.category.name</a>                
            </li>
            <li>
                <a href='javascript:;' onclick="javascript:viewProduct(@ViewBag.proID)">@ViewBag.proName</a>                
            </li>
            <li>
                <span>@ViewBag.category.name</span>
            </li>
        </ul>
    </div>


    <div class="ProductDetailContainer DetailItem DefaultModule">

    <div id="ProductDetails" class="PrimaryProductDetails">
        <div class="BlockContent">
            <div class="product-title defaultTitle">
                <h1>
                    @ViewBag.category.name</h1>
            </div>
            <div class="category-image" >                                
                <img src="/Content/data/images/categories/@ViewBag.category.image_link" height="300" />                                
            </div>
            <div class="category-info">
                <div class="categoryGrid">                                      
                    <div class="DetailRow">
                        <div class="Label">
                            Thông tin:
                        </div>
                        <div class="Value">
                            @ViewBag.category.description
                        </div>
                    </div>
                    
                    <div class="DetailRow">
                        <div class="Label">
                            Địa chỉ:
                        </div>
                        <div class="Value">
                           @ViewBag.category.address
                        </div>
                    </div>
                    
                    <div class="DetailRow">
                        <div class="Label">
                            Số điện thoại:
                        </div>
                        <div class="Value">
                           @ViewBag.category.phone_number
                        </div>
                    </div>

                    <div class="DetailRow">
                        <div class="Label">
                            Email:
                        </div>
                        <div class="Value">
                           @ViewBag.category.email
                        </div>
                    </div>

                    <div class="DetailRow">
                        <div class="Label">
                            Website:
                        </div>
                        <div class="Value">
                           @ViewBag.category.website
                        </div>
                    </div>
                </div>                                                                
               
                
            </div>
            <br class="Clear">
            <hr>
            
        </div>
    </div>
    <hr class="Clear">
    
   
    <div class="clear defaultFooter product-footer">
        <div>
        </div>
    </div>
</div>

</div>
